@import "../../both/mixin";

.user_comment_list_cr.bln{

  ul.user_comment_list{
    list-style: none;
    display: block;
    border-top : 1px solid #D9DDE1;

    li{
      display: block;
      border-bottom: 1px solid #D9DDE1;
      padding : 20px 24px;

      img.head_img{
        height : 40px;
        width : 40px;
        border-radius: 50%;
        float : left;
      }
    }

    div.comment_cr{
      margin-left : 60px;

      div.comment_nickname{
        color : #4d555d;
        font-weight: 700;

        &:hover{
          color : #07111b;
          font-weight: bold;
        }
      }

      div.comment_content{
        font-size : 14px;
        color : #14191e;
        line-height : 24px;
        word-wrap: break-word;
        white-space: pre-wrap;
        overflow: auto;
        margin-top : 3px;
      }

      @include cf("div.comment_footer");
      div.comment_footer{
        margin-top : 20px;

        .comment_time{
          float : left;
          font-size : 13px;
          color : #93A8C6;
        }

        .comment_praise{
          font-size : 13px;
          float : right;
          color : #93999F;
          cursor: pointer;

          &:hover,&.active{
            color : #4d555d;
          }
        }
      }
    }
  }

  .user_course_list_paging{
    margin: 20px 0;
    text-align: center;

    ul {
      display: inline-block;
      list-style: none;

      li{
        display: inline-block;
        padding : 5px 10px;
        font-size : 16px;
        vertical-align: middle;
        height : 30px;
        line-height : 20px;
        cursor: pointer;
      }

      li.disable{
        cursor: auto;
        color : #c8cdd2;
      }

      li.page{
        width : 30px;
        border-radius: 100%;
      }

      li.page.cur{
        background-color : #4d555d;
        color : white;
      }

    }
  }

  div.empty_list{
    text-align: center;
    height : 420px;
    color: #B5B9BC;
    font-size: 20px;
    line-height : 420px;
  }

}